<!DOCTYPE html>
<html lang="cn">
<!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
<head>
    <meta charset="UTF-8">
    <title>Token团队官网</title>
    <link rel="icon" href="images/favicon.ico">
    <meta name="keywords" content="Token,WUT,武汉理工大学,学生团队,互联网">
    <meta name="author" content="Jin yu with other Token teammates">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"
        integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <link rel="stylesheet" href="css/Tokenstyle.css" type="text/css">
    <link rel="stylesheet" href="css/animate-3.72-min.css" type="text/css">
</head>

<body>
    
    <nav class="navbar navbar-default navbar-fixed-top">
        <div class="container-fluid">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only">切换导航</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="javascript:scrollToTop();"><img style="height: 120%;" src="images/Token.svg" alt="Token"> </a>
            </div>
            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="javascript:scrollToTop()">主页</a></li>
                    <li><a href="javascript:scrollToAboutPicture();">关于拓垦</a></li>
                    <li><a href="javascript:scrollToJG()">加入我们</a></li>
                </ul>
            </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
    </nav>
    <div class="jumbotron text-center fillHeight" id="index">
        <div class="container " id="indexIntro">
            <h1 class="animated fadeInUp">Token<span class="thin">——从校园里走出的创新团队</span></h1><br><br>
            <p class="animated delay-1s fadeInUp">Token团队成立于2000年3月，目前团队的产品和服务已覆盖武汉理工大学5个校区、<br>累计数十万师生，在华中高校互联网团队排名位居总榜前列</p><br>
            <p class="animated delay-2s fadeInUp">
                <a class="btn btn-primary btn-lg btnLearnMore" href="javascript:scrollToOurProduct()" role="button">了解更多</a>
            </p>
        </div>
    </div>

    <div class="fillHeight container-fluid" id="ourProduct">
        <div class="row">
            <h2>我们的产品</h2>
        </div>
        <br>
        <div class="row">
            <p class="col-md-8">截至目前，我们的产品和服务已经覆盖武理校园生活的每一个角落</p>
            <a class="col-md-1 col-md-offset-3 btnLearnMore" href="javascript:scrollToAboutProduct();">了解更多</a>
        </div>
        <br>
        <div class="row text-center" id="productTable">
            <div class="col-md-2 col-md-offset-1">
                <h4>微信公众号</h4>
                <a href="javascript:scrollToAboutProduct();toGZH();" class="thumbnail">
                    <img src="images/feima.webp" alt="..." class="productTableImg">
                </a>
                <p>肥马下山</p>
            </div>
            <div class="col-xs-6 col-md-2">
                <h4>微信小程序</h4>
                <a href="javascript:scrollToAboutProduct();toXCX();" class="thumbnail">
                    <img src="images/xcx.webp" alt="..." class="productTableImg">
                </a>
                <p>电费小程序</p>
            </div>
            <div class="col-xs-6 col-md-2">
                <h4>APP</h4>
                <a href="javascript:scrollToAboutProduct();toZSLGD();" class="thumbnail">
                    <img src="images/zslgd.webp" alt="..." class="productTableImg">
                </a>
                <p>掌上理工大</p>
            </div>
            <div class="col-xs-6 col-md-2">
                <h4>杂志</h4>
                <a href="javascript:scrollToAboutProduct();toHY();" class="thumbnail">
                    <img src="images/hy.webp" alt="..." class="productTableImg">
                </a>
                <p>WUTERS / 荒原</p>
            </div>
            <div class="col-xs-6 col-md-2">
                <h4>周边</h4>
                <a href="javascript:scrollToAboutProduct();toTokenStroe();" class="thumbnail">
                    <img src="images/zb.webp" alt="..." class="productTableImg">
                </a>
                <p>Token文创</p>
            </div>
        </div>
    </div>

    <div class="container-fluid" id="aboutToken">
        <div class="row">
            <img class="col-md-10 col-md-offset-1" id="aboutPicture" src="images/aboutToken.gif" alt="...">
        </div>
        <h2>关于Token</h2>
        <div class="row text-center">
            <p>Token起源于2000年3月，原名Token Studio，早期在新闻宣传、网络文化建设方面发挥着巨大的作用。</p>
        </div>
        <div class="row text-center">
            <p>随着互联网2.0的浪潮，Token团队成功转型并推出了掌上理工大App，现在，Token团队的产品已累计为数<br>十万理工师生服务，成为华中地区排名前列的学生互联网团队。</p>
        </div>
    </div>

    <div class="fillHeight" id="bigEvent">
        <h2>Token大事件</h2>
        <br>
        <div class="container" id="timeline">
            <div class="row timeList1">
                <ul class="col-md-4 col-md-offset-4">
                    <li>2000年3月19日Token Studio成立</li>
                    <li>2000年3月19日校园文化网站上线</li>
                    <li>拓垦工作室与学校网络信息中心签订合作协议</li>
                    <li></li>
                </ul>
            </div>
            <br><br>
            <div class="row timeList2">
                <ul class="col-md-4 col-md-offset-4">
                    <li>2006年6月9日，Token Studio正式改名为Token团队</li>
                    <li>2011年4月30日 经纬网十周年站庆在西院大礼堂举行</li>
                    <li>2013年10月Token团队自主开发的Andriod手机端app“掌上理工大”正式上线，仅短短一月用户量超过2千</li>
                    <li>2014年12月2日掌上理工大ANDROID版用户量突破3万</li>
                </ul>
            </div>
        </div>
    </div>

    <div class="fillHeight  container-fluid" id="aboutProduct">
        <div class="row">
            <h2>关于产品</h2>
        </div>
        <div class="row animated" id="aboutBox">
            <div class="col-md-5 text-center">
                <div class="row">
                    <img src="images/zslgd.webp" alt="..." id="aboutImg">
                </div>
                <div class="row">
                    <h4  id="aboutText">
                        掌上理工大
                    </h4>
                </div>
            </div>
            <div class="col-md-5">
                <img src="images/zslgd.webp" alt="..." class="hidden-xs hidden-sm" id="aboutProductTap">
                <p id="aboutProductText">专为武汉理工大学的学子们打造的校园服务软件，便捷吾理生活！提供课表、成绩、图书馆、宿舍电费的查询等功能，是武汉理工大学学习生活的必备神器。</p>
            </div>
        </div>
        <div class="row" id="aboutProductList">
            <div class="col-xs-6 col-sm-6 col-md-2 col-md-offset-1 thumbnail" onclick="toGZH();">
                <img src="images/feima.webp" alt="..." id="List-1"></div>
            <div class="col-xs-6 col-sm-6 col-md-2 thumbnail" onclick="toHY();">
                <img src="images/hy.webp" alt="..." id="List-2"></div>
            <div class="col-xs-6 col-sm-4 col-md-2 thumbnail" onclick="toZSLGD();">
                <img src="images/zslgd.webp" alt="..." id="List-3"></div>
            <div class="col-xs-6 col-sm-4 col-md-2 thumbnail" onclick="toXCX();">
                <img src="images/xcx.webp" alt="..." id="List-4"></div>
            <div class="col-xs-12 col-sm-4 col-md-2 thumbnail" onclick="toTokenStroe();">
                <img src="images/zb.webp" alt="..." id="List-5"></div>
        </div>
    </div>
    <div class="fillHeight  container-fluid" id="teamCul">
        <h2>团队文化</h2>
        <div class="row">
            <div class="col-xs-6 col-sm-6 col-sd-6 col-md-3">
                <p>务实</p>
            </div>
            <div class="col-xs-6 col-sm-6 col-sd-6 col-md-3"><img src="images/d2.png" alt="..."></div>

        </div>
        <div class="row">
            <div class="col-xs-6 col-sm-6 col-md-3 col-md-offset-6"><img src="images/d1.png" alt="..."></div>
            <div class="col-xs-6 col-sm-6 col-md-3">
                <p>高效</p>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-6 col-sm-6 col-md-3">
                <p>文化</p>
            </div>
            <div class="col-xs-6 col-sm-6 col-md-3"><img src="images/d3.png" alt="..."></div>
        </div>
        <div class="row">
            <div class="col-xs-6 col-sm-6 col-md-3 col-md-offset-6"><img src="images/d4.png" alt="..."></div>
            <div class="col-xs-6 col-sm-6 col-md-3">
                <p>规范</p>
            </div>
        </div>
    </div>

    <div class="container-fluid fillHeight" id="teamJG">
        <div>
        <h2>团队架构</h2>
            <div class="row">
                <div class="hidden-xs hidden-sm col-md-3"></div>
                <div class="hidden-xs hidden-sm col-md-6">
                    <img style="width: 80%;margin: 0 5%;" src="images/Token.svg" alt="...">
                </div>
                <div class="col-md-3"></div>
            </div>
            <div class="row" id="TokenJGlist">
                <div class="col-xs-12 col-sd-12 col-md-4">
                    <div class="row">
                        <div class="col-xs-6 col-sm-6 col-md-6 imgList"><img src="images/d1.png" alt="..."></div>
                        <div class="col-xs-6 col-sm-6 col-md-6 imgList"><img src="images/d2.png" alt="..."></div>
                    </div>
                    <div class="row">
                        <div class="col-xs-6 col-sm-6 col-md-6 imgList"><img src="images/d3.png" alt="..."></div>
                        <div class="col-xs-6 col-sm-6 col-md-6 imgList"><img src="images/d4.png" alt="..."></div>
                    </div>
                </div>
                <div class="col-xs-12 col-sd-12 col-md-4 col-md-offset-4">
                    <div class="row">
                        <div class="col-xs-6 col-sm-6 col-md-6 imgList"><img src="images/d5.png" alt="..."></div>
                        <div class="col-xs-6 col-sm-6 col-md-6 imgList"><img src="images/d6.png" alt="..."></div>
                    </div>
                    <div class="row">
                        <div class="col-xs-6 col-sm-6 col-md-6 imgList"><img src="images/d1.png" alt="..."></div>
                        <div class="col-xs-6 col-sm-6 col-md-6 imgList"><img src="images/d2.png" alt="..."></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container-fluid" id="connectUs">
        <h2>联系我们</h2>
        <address class="center-block text-center">
            <h3>团队邮箱</h3>
            <p>Token@token.com</p>
            <h3>联系地址</h3>
            <p>Wut in China Wuhan</p>
            <h3>团队联系人</h3>
            <p>Chief QQ:666</p>
            <h3>项目合作</h3>
            <p>Cooperation</p>
            <h3>广告相关</h3>
            <p>Still in Pause</p>
            <h3>意见反馈</h3>
            <p>404 not found</p>
            <br>
        </address>
    </div>

    <footer>
        <div class="row text-center">
            <div class="col-md-6">
                <div class="row">
                    <div class="col-md-5">
                        <p>©2000-2019 吾理拓垦团队</p>
                    </div>
                    <div class="col-md-7">
                        <ul class="nav navbar-nav ">
                            <li><a href="https://blog.itoken.team/" target="_blank">拓垦博客</a></li>
                            <li><a href="https://weidian.com/s/1792107232" target="_blank">周边商城</a></li>
                            <li><a href="https://token.itoken.team/join" target="_blank">招新系统</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-md-3 col-sm-1">
                <ul class="nav navbar-nav ">
                    <li><a href="#">QQ</a></li>
                    <li><a href="#">WeChat</a></li>
                    <li><a href="#">微博</a></li>
                </ul>
            </div>
            <div class="col-md-1 hidden-sm hidden-xs">
                <a href="javascript:scrollToTop();"><img src="images/Token.svg" alt="TokenTeam"></a>
            </div>
        </div>
    </footer>

</body>
<script src="js/support.js"></script>
<!--    3.4.1版本的Jquery-->
<script src="js/jquery-3.4.1.min.js" type="text/javascript"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"
        integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
        crossorigin="anonymous"></script>
<script src="js/TokenJs.js" type="text/javascript"></script>
</html>